<template>
  <div class="home">
    <!-- 必须有 -->
    <router-view class="page_box"></router-view>
    <van-tabbar v-model="active" active-color="#ee0a24">
      <van-tabbar-item icon="home-o" to="/index">首页</van-tabbar-item>
      <van-tabbar-item icon="label-o" to="/classiFication">分类</van-tabbar-item>
      <van-tabbar-item icon="eye-o" to="/short">纪录片</van-tabbar-item>
      <van-tabbar-item icon="user-o" to="mySelf">我的</van-tabbar-item>
    </van-tabbar>

  </div>
</template>

<script>
// @ is an alias to /src


export default {
  name: 'HomeView',
  components: {
    // HelloWorld
  },
  data() {
    return {
      active: ''
    }
  }
}
</script>
<style>
.home {
  height: 100%;


}

.page_box {
  height: calc(100% - 50px);
  overflow: auto;
}
</style>